
Ext.onReady(function(){
var imagenPanel = new Ext.Panel
  (
    {
      id: 'imagenPanel',
      region:'west',
	  border: false,
      html:'<div align="center" style="margin: 10px; height: 120px; width: 100%;"><div class="tuxTop"></div><div class="tuxMid" style="height: 100px; font-size:12px; font-weight: normal;"><img width="100%" height="65px" src="imagenes/gepsoft.png"></div><div align="center"><font color="#15428b"><H1> HERRAMIENTA  DE GESTI&Oacute;N  Y PLANIFICACI&Oacute;N  DE PROYECTOS  DE SOFTWARE PARA EL APOYO A LOS PROCESOS DE ENSE&Ntilde;ANZA-APRENDIZAJE  DE METODOLOGIAS DE DESARROLLO DE SOFTWARE </H1></font> </div><div class="tuxFoot"></div></div>'
    }
  );
 /*
 var encabezadoPanel = {
		id: 'encabezado-panel',
		region: 'center', // this is what makes this panel into a region within the containing layout
		layout: 'card',
		//margins: '2 5 5 0',
		//activeItem: 0,
        split: true,
        height: 300,
        minSize: 150,
        autoScroll: true,
		border: false,
		items: [logueo,
			imagenPanel

		]
	};*/

var encabezadoPanel = {
	id: 'encabezado-panel',
			border: false,
	//title: 'Registro Usuarios',
    layout: 'table',
	layoutConfig: {
		columns: 1
	},//autoScroll: true,
	defaults: {
		bodyStyle:'padding:5px 200px',
		cellCls: 'x-form-item'
	},
    items: [imagenPanel,
	{
	bodyStyle:'padding:5px 330px',
		cellCls: 'x-form-item',
		border: false,
	items:[
logueo]}
		]
};	
	
	new Ext.Viewport({

	items: [encabezadoPanel],
	renderTo: Ext.getBody()
	});

})